<style scoped>
  /**
   * 默认尺寸为 600px×400px，如果想让图表响应尺寸变化，可以像下面这样
   * 把尺寸设为百分比值（同时请记得为容器设置尺寸）。
   */
  .storerm {
    width: 100%;
    height: 300px;
  }
  .echarts {
    width: 100%;
    height: 300px;
  }
</style>
<template>
  <div class="lose" id="app-main">
    <div class="weui-msg">
      <div class="weui-msg__icon-area"><i class="weui-icon-warn weui-icon_msg"></i></div>
      <div class="weui-msg__text-area">
        <h2 class="weui-msg__title">哎呀，您访问的页面找不到啦~</h2>
      </div>
      <div class="weui-msg__opr-area">
        <p class="weui-btn-area">
          <a href="javascript:;" @click="$router.back(-1)" class="weui-btn weui-btn_primary">返回上一页</a>
          <a href="javascript:;" @click="$router.push({name: 'index'})" class="weui-btn weui-btn_default">返回首页</a>
        </p>
      </div>
    </div>
  </div>
</template>

<script type="text/babel">

  export default {
    name: 'Lose404',
    data: () => ({
      openid: localStorage.openid,
    }),
    components: {
    },
    mounted() {
    },
    methods: {
    }
  };
</script>
